<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商城首页</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="css/sm.css">
    <link rel="stylesheet" type="text/css" href="css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="css/master.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_i3ztchhrqjx7p66r.css">
</head>

<body>
    <div class="page-group">
        <div class="page">
            <!--搜索栏内容 !-->
            <header class="bar bar-header-secondary">
                <div class="searchbar">
                    <a href="selectArea.html">
                        <div class="searchbar-address">厦门市&nbsp;&nbsp;<span class="icon icon-down"></span></div>
                    </a>
                    <div class="search-input">
                        <label class="icon icon-search" for="search"></label>
                        <input type="search" id='search' placeholder='请输入商品名称' />
                    </div>
                </div>
            </header>
            <div class="content shopping-content">
                <!-- 幻灯片Slider -->
                <div class="swiper-container" data-space-between='10'>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#">
                                <img alt="" src="http://m.360buyimg.com/mobilecms/s720x322_jfs/t5068/227/80705082/78718/2b3e7e51/58da47c7N7f52ec97.jpg!q70.jpg">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="http://img.alicdn.com/imgextra/i3/1910146537/TB2WRU_kkqvpuFjSZFhXXaOgXXa_!!1910146537.jpg_760x760Q70s50.jpg_.webp">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="http://img.alicdn.com/imgextra/i2/725677994/TB251FCd1tTMeFjSZFOXXaTiVXa_!!725677994.jpg_760x760Q70s50.jpg_.webp">
                            </a>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <!--tab栏 !-->
                <div class="buttons-tab fixed-tab" data-offset="44">
                    <a href="#new-tab" class="tab-link active button">新闻</a>
                    <a href="#hotspot" class="tab-link button">热点</a>
                </div>
                <!--信息列表页!-->
                <div class="tabs">
                    <div id="new-tab" class="tab active">
                        <a href="firstDetail.html">
                            <div class=" news-list-block list-block  news-media-list media-list">
                                <ul>
                                    <li>
                                        <div class="item-content">
                                            <div class="item-title">2017年黄手帕银色关爱行动启动，为老年人健康护航</div>
                                        </div>
                                        <div class="item-content">
                                            <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                            <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                            <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                        </div>
                                        <div class="item-content">
                                            <div class="item-title-row">
                                                <div class="item-subtitle">1小时</div>&nbsp;&nbsp;
                                                <div class="item-subtitle">腾讯公益网</div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </a>
                        <div class=" news-list-block list-block  news-media-list media-list">
                            <ul>
                                <li>
                                    <div class="item-content">
                                        <div class="item-title">2017年黄手帕银色关爱行动启动，为老年人健康护航</div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                        <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                        <div class="item-media"><img src="images/xiaInstitution-332x266.png"></div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-title-row">
                                            <div class="item-subtitle">1小时</div>&nbsp;&nbsp;
                                            <div class="item-subtitle">腾讯公益网</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="hotspot" class="tab">
                        <div class=" news-list-block list-block  news-media-list media-list">
                            <ul>
                                <li>
                                    <div class="item-content">
                                        <div class="item-title">2017年黄手帕银色关爱行动启动，为老年人健康护航</div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div>
                                        <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div>
                                        <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div>
                                    </div>
                                    <div class="item-content">
                                        <div class="item-title-row">
                                            <div class="item-subtitle">1小时</div>&nbsp;&nbsp;
                                            <div class="item-subtitle">腾讯公益网</div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--工具栏!-->
            <nav class="bar bar-tab" id="tool-bar">
                <a href="homeActivity.html">
                    <div class="love">
                        <div class="icon iconfont icon-icontianjiaanniu"></div>
                    </div>
                </a>
                <a class="tab-item external active" href="#">
                    <span class="icon icon-home"></span>
                    <span class="tab-label">首页</span>
                </a>
                <a class="tab-item external" href="classBranch.html">
                    <span class="icon iconfont icon-publicwf"></span>
                    <span class="tab-label">捐助</span>
                </a>
                <a class=" tab-item love-external " href="homeActivity.html" id="loveBtn">
                    <span class="icon "></span>
                    <span class="tab-label">爱心+</span>
                </a>
                <a class="tab-item external" href="fightGroups.html">
                    <span class="icon iconfont icon-pintu"></span>
                    <span class="tab-label">拼团</span>
                </a>
                <a class="tab-item external" href="person.html">
                    <span class="icon icon-me"></span>
                    <span class="tab-label">个人中心</span>
                </a>
            </nav>
        </div>
    </div>
    <script type='text/javascript' src='js/lib/zepto.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm.js' charset='utf-8'></script>
    <script type='text/javascript' src='js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src="js/layout.js"></script>
</body>

</html>
